<template>
  <div ref="table">{{msg}}</div>
</template>

<script>
export default {
  beforeCreate(){
    console.log("beforeCreate",this.msg);
    console.log("beforeCreate",this);
    console.log("beforeCreate",this.refs);
  },

  created(){
    console.log("created",this.msg);
    this.msg = '我发生了改变'
    console.log(this.$refs.table);
  },

  beforeMount(){
    console.log('beforeMount',this.$refs.table);
  },
  
  mounted(){
    console.log('beforeMount',this.$refs.table);
  },

  name: "MySon",
  data(){
    return {
      msg:'321'
    }
  },
};
</script>

<style lang="less">

</style>
